<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>客服端登录</title>
    <!--[if lte IE 8]>
    <script  src="static1/assets/js/html5shiv.min.js"></script>
    <h1>您的浏览器版本过低，请升级</h1>
    <![endif]-->
    <link rel="stylesheet" href="static1/assets/css/userlogin.css">
    <link rel="stylesheet" href="static1/assets/vendors/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="static1/assets/vendors/animate/animate.css">
    <link rel="stylesheet" href="static1/assets/vendors/bootstrap/css/bootstrap-theme.css">
    <link rel="stylesheet" href="static1/assets/vendors/bootstrap-validator/css/bootstrapValidator.min.css">
    <script src="static1/assets/js/respond.min.js"></script>
</head>
<body>
<div class="body">
    <div class="container">
        <nav>
            <span class="text-left"><img src="static1/uploads/logo_2.png" alt=""></span>
            <div class="text-center navbar-top2">
                <h2>图书馆共享座位预约系统</h2>
            </div>
            <div class="text-right navbar-top3">
                <span>2018-06-12</span>
                <span>7:00</span>
            </div>
        </nav>
        <div class="fool">
            <div class="foo1-left text-left">
                <div class="foo1-1 fool-main text-center">
                    <span>2018年06月12日</span>
                    <span>当前预约座位数量1</span>
                </div>
                <div class="fool-2 fool-main">
                    <span>欢迎使用图书馆共享座位预约系统</span>
                </div>
                <div class="fool-3 fool-main animated fadeInLeftBig">
                    <span>使用说明</span>
                    <ul class="fool-main-ul">
                        <li>1. 可通过APP、网页方式预约。<br>
                            APP预约：下载安装APP后，首次使用前需点击“服务器设置”，选择“根据网址访问服务器”，地址为：seat.lib.whu.edu.cn；使用本人账号登录后即可预约。<br>
                            网页预约: 浏览器访问http://seat.lib.whu.edu.cn，使用学号登录后即可预约。
                        </li>
                        <li>2. 使用图书馆账号（一般为学号、人事号）及图书馆密码登录本系统。</li>
                        <li>3. 开放预约时间：01:00到22:00可预约当日座位，22:45-23:50可预约次日座位，系统规定每人有100积分。</li>
                        <li>4. 系统支持自选座位方式；预约到期保留30分钟，需在规定时间内刷卡入馆签到，在规定时间内未到馆签到，且未取消预约将记违约一次。</li>
                        <li>5. 读者刷卡出馆后为暂离，超过暂离时间后，系统将自动释放座位，记违约一次；一般暂离时间为30分钟，用餐（中午11点至13点，下午17点至19点）暂离时间为60分钟。</li>
                        <li>6. 读者离开座位不再使用时，须点击结束使用释放座位，否则视为违约。</li>
                        <li>7. 请勿使用程序脚本等非正常方式使用本系统。</li>
                    </ul>
                </div>
            </div>
            <div class="fool-right form animated fadeInRight ">
                <div class="fool-right-1">
                    <span>您好！欢迎预约图书馆座位</span>
                </div>
                <form action="#" method="post" class="text-center" id="login">
                    <div class="form-group">
                        <label for="username">学号:</label>
                        <input type="text" class="input1" name="username"  onfocus id="username"><br>
                    </div>
                    <div class="form-group">
                        <label for="password">密码:</label>
                        <input type="password" class="input2" name="password"  onfocus id="password"><br>
                    </div>
                    <div class="dd3 form-group">
                        <label for="password">验证码:</label>
                        <input type="text" class="input3" name="yanzheng"  onfocus id="yanzheng">
                        <span>5787</span>
                        <br>
                    </div>
                    <div class="form-pass form-group">
                        <label>
                            <input type="checkbox" class="checkbox"><span>保存用户密码</span>
                            <br>
                        </label>
                    </div>
                    <div class="form-button form-group">
                        <a class="btn btn-primary btn-block" href="admin/indexUser.html">登录</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script src="static1/assets/vendors/jquery/jquery.js"></script>
<script src="static1/assets/vendors/bootstrap/js/bootstrap.js"></script>
<script src="static1/assets/vendors/bootstrap-validator/js/bootstrapValidator.min.js"></script>
<script src="static1/assets/js/userlogin.js"></script>
</body>
</html>